<template>
    <div class="main" data-own="1">
        <div class="friend">{{friend}}</div>
        <div class="match" @click="showFriend">匹配</div>
        
    </div>
</template>
<script>
export default {
    data() {
        return {
            friend:''
        }
    },
    methods:{
        showFriend() {
            this.friend = '666'
            // console.log(666)
        }
    }
}
</script>
<style scoped>
.match {
    width: 1rem;
    background-color: #333;
    border: 1px solid #494949;
    font-size: .36rem;
    color: #fff;
    margin: 0 auto;
}
.friend {
    font-size: .48rem;
    color: #333;
}
</style>
